<link rel="stylesheet" href="../../common/reset.css">
<link rel="stylesheet" href="tooltip.css">
<link rel="stylesheet" href="../button/button.css">

<button su su-hint="bottom-right" aria-label="tooltip"> bottom-right</button>
<button su su-hint="bottom" aria-label="tooltip"> bottom</button>
<button su su-hint="bottom-left" aria-label="tooltip"> bottom-left</button>
<br>
<button su su-hint="right" aria-label="tooltip"> right</button>
<button su su-hint="rounded" aria-label="tooltip">rounded</button>
<button su su-hint="left" aria-label="tooltip"> left</button>
<br>
<button su su-hint="top-right" aria-label="tooltip"> top-right</button>
<button su su-hint="top" aria-label="tooltip"> top</button>
<button su su-hint="top-left" aria-label="tooltip"> top-left</button>


<style>
    button {
        margin: 50px;
    }
</style>